<%@page contentType="text/html; charset=utf-8"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>		
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>ALEX百货</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<!-- Custom styles for this template -->
	<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
	<style>
		ol.upper-roman {list-style-type:upper-roman}
		
	</style>	
	</head>
	<body>
		<header>
			<div class="container logo">
				<div class="row">
					<div class="col-md-12"><div id="top">
			<div width="900px" height="30px" style="margin-left: 0px;margin-top:10px;" align="left">
			
			</div>
			<div id="logo" style="margin-top: 5px;margin-bottom:10px">
				<jsp:include page="head.jsp"></jsp:include>
                  
				</div>
			</div>
			<nav class="navbar navbar-default" role="navigation"> 
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>					
				</div>

				<div class="collapse navbar-collapse navbar-ex1-collapse">
					<ul class="nav navbar-nav">
							<li class="active"><a href=".jsp">HOME</a></li>
						<li><a href="#newest_tour"></a></li>
                        <li><a href="#hottest_tour"></a></li>
						<li><a href="#recommended_tour"></a></li>
					</ul>
					<form class="navbar-form navbar-right" role="search" action="http://www.baidu.com/baidu" target="_blank">
						<div class="form-group">
							<input name=tn type=hidden value=baidu>
							<input name=word   type="text" class="form-control" placeholder="Search">
						</div>
						<button type="submit" class="btn btn-default" value="百度搜索">百度一下</button>
					</form>					
				</div><!-- /.navbar-collapse -->
			</nav>
		</header>
		<div class="container" id="home">
			<div class="row row-offcanvas row-offcanvas-left">
				<div class="col col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">	
                			
					<div class="sidebar-nav">
                        	<s:action name="browseCatalog" executeResult="true"/>
						<hr>
                        
						<h4>QuickSearch</h4>
						
						<div class="cleaner h10"><div style="margin-top: 0px;background-color: #6b8e23;" align="left"><div style="font-size: 14px;font-weight: bold;color:white;position: relative;margin-top:5px;margin-left:0px;">
					<form action="searchGoods.action" method="post">
					<input type="text" placeholder="请输入搜索内容" name="goodsname" id="searchDescribeID" class="form-control" align="center" />
					
					<input type="image" name="submit"  src="picture/search02.jpg" style="width: 48px; height: 22px"/>
			</form>
		</div>
		<div id="searchTour" style="border: 0 #6b8e23;border-style: solid;">
					
					</div>
		</div>
		</div>
						<cite><b>Alex-<a href="#"><span>Chief Designer</span></a></b></cite>
                        
						
                        
						
                        
                        <hr>
                        
					
                    </div>
				</div> <!-- col sidebar -->
                
				<div class="col col-xs-12 col-sm-9">
					<p class="pull-left visible-xs">
						<button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
					</p>
					<DIV class=info_bk1><div align="center"> 
 
<FONT face=宋体>货物添加成功!</FONT>
<form action="browseGoodsPaging.action" method="post">
  <input type="hidden" value="<s:property value="#session['catalogid']"/>">
  <input type="image" name="submit" src="picture/continue.gif" />
</form>

<a href="showCart.jsp"><img src="picture/count.gif"/></a>

</DIV>
</DIV>
                    
				</div> <!-- col -->
			</div>  <!-- row -->   
		</div> <!-- container -->
		<footer class="container">
			<jsp:include page="foot.jsp"></jsp:include>
		</footer>

		<!-- Bootstrap core JavaScript
		================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/offcanvas.js"></script>
	    <!-- 
		http://masonry.desandro.com/
	    http://desandro.mit-license.org/ 
		http://stackoverflow.com/questions/17767130/masonry-js-error-uncaught-typeerror-object-object-object-has-no-method-imag
		Align items in center: https://github.com/desandro/isotope/issues/20
	    Hiding text overflow: http://stackoverflow.com/questions/15308061/how-to-avoid-text-overflow-in-twitter-bootstrap
		-->
		<script src="js/masonry.pkgd.min.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>	     
		<script>

			$(document).ready(function(){
				init_masonry();
			});

			function init_masonry(){
				var $container = $('.item_container');
				$container.imagesLoaded( function(){
					$container.masonry({
						itemSelector : '.item',
						"gutter": 18,
						isFitWidth: true
					});
				});
			}

			$(function() {
				$('a[href*=#]:not([href=#])').click(function() {
					if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
						var target = $(this.hash);
						target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
						if (target.length) {
							$('html,body').animate({
								scrollTop: target.offset().top
							}, 1000);
							return false;
						}
					}
				});
			});


	
//-->
</SCRIPT>
		</script>
	</body>
</html>